<template>
  <div>
    <h1>欢迎您的注册</h1>
    <p>
        用户名: <input type="text" v-model="username" />
    </p>
    <p>
        密码: <input type="password" v-model="userpass" />
    </p>
    <p>
        重复密码: <input type="password" v-model="userpass2" />
    </p>
    <p>
        <input type="button" value="注册" @click="regSave">
    </p>
  </div>
</template>

<script>
import axios from 'axios';
import {Toast} from "vant";

export default {
    name:"Reg",
    data(){
        return {
            username:"王一星",
            userpass:"123666",
            userpass2:"123666"
        }
    },
    methods:{
        regSave(){
            // 一、前端的验证


            // 二、发送请求
            axios.post("http://localhost:3000/vips",{
                    username:this.username,
                    userpass:this.userpass
            })
            .then(res=>{
                console.log("res.data",res.data);
                Toast("注册成功！")
            })    
            .catch(err=>{
                Toast("注册失败")
                console.log("注册失败",err);
            })
            // axios({
            //     method:"post",
            //     url:"http://localhost:3000/vips",
                // data:{
                //     username:this.username,
                //     userpass:this.userpass
                // }
            // })
            // .then(res=>{
            //     console.log("res.data",res.data);
            //     Toast("注册成功！")
            // })
        }
    }

}
</script>

<style>

</style>